<template>
  <image src="./icon/expand.svg" class="icon" v-if="isExpand" />
  <image src="./icon/shrink.svg" class="icon" v-else />
</template>

<script setup lang="ts">
import { ref } from 'vue'
defineProps({
  isExpand: {
    type: Boolean,
    default: false
  },
  size: {
    type: String,
    default: '20rpx'
  },
  padding: {
    type: String,
    default: 'none'
  }
})
// .icon-shrink:before {
//   content: "\e67d";
// }

// .icon-expand:before {
//   content: "\e875";
// }
</script>

<style scoped lang="scss">
.icon {
  display: inline-block;
  padding: v-bind(padding);
  width: v-bind(size);
  height: v-bind(size);
}
</style>
